<!DOCTYPE html>
{include file='head_hooks.html'}

<head>
  <title>User's Profile | Protoweb</title>

  {include file='head_scripts.html'}

</head>

<body>
  {include file='body_hooks.html'}

  {include file='navbar.html'}

  <div class="container">

    {include file='messages.html'}
    
    <div class="row">

      <section>
        <form action="" method="post" enctype="multipart/form-data">
          <input name="id" type="hidden" value="{$user->id}" />
          <input name="latlng" type="hidden" value="{$user->latlng}" />

          <div class="span4">

            <div class="control-group">
              <label for="username">Username *</label>
              <input class="input-xlarge" name="username" type="text" id="username" value="{$user->username}" required="required" />
            </div>

            <div class="control-group">
              <label for="password">Password *</label>
              <input class="input-xlarge" name="password" type="password" id="password" value="{$user->password}"  required="required" />
            </div>

            <div class="control-group">
              <label for="re-password">Re-type password *</label>
              <input class="input-xlarge" name="re-password" type="password" id="re-password" value="{$user->password}"  required="required" />
            </div>

            <div class="control-group">
              <label for="email">Email *</label>
              <input class="input-xlarge" name="email" type="email" id="email" value="{$user->email}" required="required" />
            </div>

            <div class="control-group">
              <button type="submit" class="btn btn-primary">Save</button>
            </div>

          </div>
          <!-- span4 -->

          <div class="span4">

            <div class="control-group">
              <label for="lastname">Last Name *</label>
              <input class="input-xlarge" name="lastname" type="text" id="lastname" value="{$user->lastname}"  required="required" />
            </div>

            <div class="control-group">
              <label for="firstname">First Name *</label>
              <input class="input-xlarge" name="firstname" type="text" id="firstname" value="{$user->firstname}"  required="required" />
            </div>

            <div class="control-group">
              <label for="phone">Phone Number</label>
              <input class="input-xlarge" name="phone" type="text" id="phone" value="{$user->phone}" />
            </div>

            <div class="control-group">
              <label for="address">Address</label>
              <input class="input-xlarge" name="address" type="text" id="address" value="{$user->address}" />
            </div>

            <div class="control-group">
              <a id="userdelete" class="btn btn-danger" href="{base_url()}users/users/delete/">Leave Protoweb</a>
            </div>

          </div>
          <!-- span4 -->
        </form>
      </section>

      <section class="span4">
        <h2>You need a profile to work with Protoweb.</h2>
        <p>Your personal information will be share to your team projects contacts, but never be to share to unknow people.</p>
      </section>
      <!-- span4 -->

    </div>
    <!-- row -->

    {include file='footer.html'}

  </div> <!-- /container -->

  {include file='footer_scripts.html'}
  <script src="assets/js/libs/jquery.blockUI.js"></script>
  <script src="assets/js/user_edit.js"></script>

</body>

</html>